AZR · DESIGN TOKENS · 13
المتغيّرات
المصدر الواحد لكل قيمة في النظام. الألوان والخطوط والمسافات والحركة — كلها هنا، جاهزة للتصدير.
10 ألوان أساسية
×   9 درجات بنفسجية
×   12 وحدة مسافة
×   4 سرعات حركة
COLOR TOKENS · رموز الألوان
الألوان — المقياس الكامل
الحياديات الأربعة + تسعة درجات بنفسجية. كل لون له متغير CSS واسم رمز. انقر على أي بطاقة لنسخ قيمتها.
NEUTRALS · الحياديات
--paper · #FBF8F1
--sand · #F2EDE3
--ink · #1B1815
--deep · #120F0C
PURPLE SCALE · مقياس البنفسجي
قانون الاستخدام: p-500 هو المرساة — يُستخدم للعناصر التفاعلية والأيقونية. p-900 للخلفيات الداكنة. p-300/p-400 للحالات الداعمة والطبقات الثانية. الحياديات حصراً للنصوص والخلفيات.
TYPE TOKENS · رموز الخطوط
الطباعة — المقياس والأوزان
ثلاث عائلات خطوط × مقياس حجمي متدرج × أوزان محددة. لا قيم خارج هذا الجدول.
FONT FAMILIES · العائلات
--ar
IBM Plex Sans Arabic
'IBM Plex Sans Arabic', sans-serif
النص الرئيسي · العناوين · واجهات
نُسخ
--serif
Instrument Serif
'Instrument Serif', serif
الأرقام الكبيرة · الاقتباسات فقط
نُسخ
--mono
JetBrains Mono
'JetBrains Mono', monospace
الليبلات · البيانات · الأكواد
نُسخ
TYPE SCALE · مقياس الأحجام
رمز
القيمة
العينة
FONT WEIGHTS · الأوزان المسموحة
SPACING TOKENS · رموز المسافات
المسافات — مضاعفات 8
قاعدة مطلقة: كل مسافة مضاعف للـ8px. لا 17px ولا 25px. الـ4px استثناء للمسافات الدقيقة جداً داخل المكوّن الواحد.
sp-7 (48px) هو المسافة الافتراضية بين الأقسام الكبيرة. sp-3 (16px) بين العناصر داخل المكوّن. sp-2 (8px) للمسافات الدقيقة.
MOTION TOKENS · رموز الحركة
الحركة — أربع سرعات
مدة واحدة لكل نوع تفاعل. الـeasing ثابت للكل. اضغط "شغّل" لمشاهدة الفارق.
EASING · منحنى التسارع
cubic-bezier(0.22, 0.61, 0.36, 1)
خروج سريع، دخول ناعم — للكل دون استثناء. لا ease-in-out، لا bounce.
GEOMETRY TOKENS · رموز الهندسة
الهندسة — سُمك وحجم
سُمك الخطوط وأحجام الشعار وأبعاد نظام B الثابتة. كل قيمة لها سبب.
EXPORT · التصدير
JSON — جاهز لـFigma وأي أداة
كل المتغيرات في كائن JSON موحّد. انسخه وألصقه في أي أداة تصميم أو ملف CSS.
ملاحظة Figma: استخدم المتغيرات النصية للخطوط والرقمية للمسافات. ألوان البنفسجي تُستورد كـColor Styles. المتغيرات النصية للدوال مثل --ease تُضاف يدوياً.
azr
المصدر الواحد. القيمة الواحدة. في كل مكان.